@import "src/style/index";

.user-account{
  color:#797979;
  .user_icon{
    width:r(34);
    height:r(34);
    max-height:r(34);
    border-radius: 100%;
  }
  
  .cast-info{
    background-color: #fff;
    padding:r(15) r(15) r(18);
    @include borderBottom();
    .subtit{
      line-height:r(22);
      text-align:center;
      color:$base-color-999;
      font-size:r(15)
    }
    .c-money{
      text-align:center;
      height:r(40);
      line-height:r(40);
    }
    .echarts{
      .left{
        display:-webkit-box;
        -webkit-box-orient: vertical;
        // padding-top:r(10);
        -webkit-box-pack:center;
      }
      .class{
        position:relative;
        padding:r(1.5) 0;
        line-height:r(25);
        height:r(28);
        color:#EF8200;
        font-size:r(14);
        .i-money{
          color:#797979;
          padding-left:r(15)
        }
        .icons{
          width:r(18);
          height:r(18);
          margin-right:r(5);
        }
        // &:after{
        //   position:absolute;
        //   left:r(4);
        //   top:50%;
        //   margin-top:r(-4);
        //   content:"";
        //   width:r(8);
        //   height:r(8);
        //   border-radius:50%;
        //   background:#EF8200;
        // }
        &.i1{
            color:$base-color-18428d;
            // &:after{
            //   background:$base-color-18428d;
            // }
        }
        &.i2{
            color:#3FC1CC;
            // &:after{
            //   background:#3FC1CC;
            // }
        }
      }
    }
  }
  .exceed{
    text-align:right;
    .ratio{
      color:#0083c4
    }
  }
  .property{
    background-color:#fff;
    .money-num{
      height:r(30);
    }
    .property-class{
      &:after {
        display: inline-block;
        margin-top: r(18);
        margin-left: r(5);
        content: '';
        border-right: r(2) solid #c7c7cc;
        border-top: r(2) solid #c7c7cc;
        width: r(10);
        height: r(10);
        transform: rotate(45deg);
      }
    }
    .other{
      
      color:$base-color-999;
      padding:r(5) r(15) r(18);
      .i6-tit{
        font-size:r(13);
        padding-bottom:r(13);
      }
      .cm-flex+.cm-flex{
        margin-left:r(11);
      }
      .button{
        display:block;
        text-align:center;
        line-height:r(36);
        @include borderRadius($color:$base-color-18428d,$radius:r(4));
        color:$base-color-18428d;
        font-size:r(15);
        &.fill{
          color:#fff;
          border-radius: r(4);
          background-color:$base-color-18428d;
        }
      }
    }
  }
  .bs-exhibit{
    background-color:#fff;
    padding:r(14) r(15) 0;
    line-height:r(22);
    .i4-tit{
      font-size:r(15);
      color:$base-color-999;
    }
    .money-num{
      line-height:r(30);
      height:r(30);
      color:$base-color-18428d;
      font-size:r(22)
    }
  }
  .earnings{
    .bs-exhibit{
      margin-top:r(1);
    }
    .earnings-class{
      padding-bottom:r(15);
    }
  }
  .earnings-num{
    color:#F08608;
    font-size:r(15);
    text-align:right;
  }
  .symbol{
    font-size:r(15);
    vertical-align:sub;
  }
}